<template>
    <div id="app">
        <Header/>
        <router-view></router-view>
        <!-- <Footer v-show="$route.path=='/home'|| $route.path=='/search'"/>-->
        <Footer v-show="$route.meta.show"/>
    </div>
</template>

<script>
    import Header from './components/Header'
    import Footer from './components/Footer'

    export default {
        name: 'App',
        components: {
            Header,
            Footer
        },
        mounted() {
            // 派发一个 action || 获取商品分类的三级列表的数据 || 存到 Vuex 仓库里，只发一次请求
            // 通知 Vuex 发请求，获取数据。存储于仓库当中
            // 放到 APP 组件，那样，多处用就只执行一次
            this.$store.dispatch('categoryList');
        }
    }
</script>
<style lang="less">

</style>
